<template>
  <div class="zero-waste">
    <el-scrollbar max-height="700px" noresize>
      <MainTitle>零废弃</MainTitle>
      <Paragraph>
        零废弃是一种环境友好型的生活方式和管理策略，其目标是在生产和消费过程中最大限度地减少废物的产生，并确保所有废物都能被有效利用，而不是最终被填埋或焚烧。零废弃的概念不仅仅是为了减少垃圾的数量，更重要的是通过改变生产和消费模式，实现资源的高效利用和循环再利用，从而减少对自然资源的依赖和环境的污染。
      </Paragraph>

      <Subheading>零废弃的核心原则</Subheading>
      <Paragraph>
        <div class="introduce">
          减少（Reduce）：减少不必要的消费和浪费，比如购买不必要的商品、过度包装等。
          <br />
          重用（Reuse）：鼓励使用可重复使用的物品，如购物袋、水瓶、餐具等，减少一次性用品的使用。
          <br />
          回收（Recycle）：将废物分类回收，使其能够再次作为原材料使用。
          <br />
          修复（Repair）：修复损坏的物品，延长其使用寿命。
          <br />
          拒绝（Refuse）：拒绝接受不必要的物品和服务，如广告传单、免费赠品等。
        </div>
      </Paragraph>
      <Image img="../../../assets/science/Recycle.png" des="图4 绿色发展" />

      <Title id="1">零废弃的实施方法有什么？</Title>
      <Paragraph>
        源头减量：通过设计和生产阶段减少废物的产生，例如采用可降解材料、减少包装等。
        <br />
        分类回收：将废物分为可回收物、有害垃圾、厨余垃圾等，分别进行处理。
        <br />
        资源化利用：将废物转化为有价值的资源，如将厨余垃圾制成肥料、将废旧电子产品回收再利用等。
        <br />
        教育和宣传：通过教育和宣传活动提高公众对零废弃理念的认识和支持。
      </Paragraph>

      <Title id="2">零废弃的成功案例有那些？</Title>
      <Paragraph>
        瑞典马尔默：马尔默市通过实施零废弃计划，成功实现了废物的高效管理和资源化利用，减少了废物填埋和焚烧的比例。
        <br />
        美国旧金山：旧金山市通过立法和社区行动，推动居民和企业实施零废弃措施，成为全球领先的零废弃城市之一。
        <br />
        日本小田原市：小田原市通过社区参与和技术创新，实现了废物的高效分类和回收，大大减少了废物的产生。
      </Paragraph>

      <Title id="3">零废弃的意义是什么？</Title>
      <Paragraph>
        环境保护：减少废物的产生和处理，降低对环境的污染。
        <br />
        资源节约：通过资源的循环利用，减少对自然资源的开采和消耗。
        <br />
        经济效益：减少废物处理成本，通过回收和再利用创造新的经济价值。
        <br />
        社会意识：提高公众对环境保护的意识，促进可持续发展的社会建设。
      </Paragraph>

      <div class="left-and-right">
        <LeftOrRightButton
          :obj="{
            direction: 1,
            text: '什么是碳足迹',
            path: '/science/carbonfootprint',
          }"
        ></LeftOrRightButton>
        <LeftOrRightButton
          :obj="{
            direction: 0,
            text: '什么是可持续发展？',
            path: '/science/sustainabledevelopment',
          }"
        ></LeftOrRightButton>
      </div>
    </el-scrollbar>

    <!-- 侧栏导航 -->
    <AsideNavigation>
      <div class="main-title">零废弃</div>
      <a href="#1">怎么实现零废弃？</a>
      <a href="#2">有什么零废弃成功的案例？</a>
      <a href="#3">零废弃的意思是什么？</a>
    </AsideNavigation>
  </div>
</template>

<script setup>
import MainTitle from '../components/MainTitle.vue'
import Title from '../components/Title.vue'
import Paragraph from '../components/Paragraph.vue'
import Subheading from '../components/Subheading.vue'
import AsideNavigation from '../Layout/AsideNavigation.vue'
import LeftOrRightButton from '../components/LeftOrRightButton.vue'
import Image from '../components/Image.vue'
</script>

<style less="scss">
.zero-waste {
  display: flex;

  .introduce {
    width: 40%;
    background-color: #e6f6e6;
    padding: 5px 0 5px 10px;
  }

  .left-and-right {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 150px;
  }
}
</style>
